<?php
use kartik\file\FileInput;
use yii\helpers\Url;
use yii\helpers\Html;
$model=new \app\models\UploadFile();
//数据库同时创建upload_file表，建立模型（有别于表单模型）以便想要记录所上传的文件
echo '<label class="control-label">请先上传excel文件（课堂考勤记录）</label>';
//模型里含有 excel属性
echo FileInput::widget([
    'model' => $model,//把这个实体模型传过去，在控制器处接收
    'attribute' => 'excel',
    'options' => ['multiple' => false,

    ],
    'pluginOptions' => [
        'uploadUrl' => Url::to(['/class/upload']),//上传到控制器zjfl的upload方法
        'showPreview' => false,
        //'showCaption' => false,
    ]
]);

?>
<?php   echo Html::submitButton('导入', ['class'=>'btn btn-primary','id' =>'import-button']) ?>

<?php $this->beginBlock('myjs')
//#uploadfile-excel是上传按钮处附近的 input-id 右键获取
//fileuploaded 是其中一种事件
//接收返回信息，此处的返回信息是用response接收到的
//其中$("input[class='file-caption-name']").val(response);的作用是把输入框的文件名改为响应得到的文件名（自己右键看，选择合适的选择器方法）
?>
    var exfilename;
    $('#uploadfile-excel').on('fileuploaded', function(event, data, previewId, index) {
    var form = data.form, filenames = data.filenames, extra = data.extra,
    response = data.response, reader = data.reader;
    exfilename=response;
    $("input[class='file-caption-name']").val(response);
    });

    $(document).ready(function(){
    $("#import-button").click(function(){
    var tel=$("#mobilenum").val();
    $.ajax({
    type: "POST",
    url: "import",
    dataType: "json",
    data:
    {
    filename:exfilename,
    token:"fsf#%^#oe,."
    },
    success: function(data)
    {
    alert(data);
    },
    error: function(jqXHR)
    {
    alert("发生错误：" + jqXHR.status);
    },
    });
    });
    });
<?php $this->endBlock() ?>
<?php $this->registerJs($this->blocks['myjs'], \yii\web\View::POS_END); ?>